<template>
  <div class="hello">
    <div class="x">
      <div class="x1">
        <div class="x2">
          <div class="x3">
            <img src="../assets/首页_slices/打造前程标志(1).jpg" />
          </div>
          <div class="x4">
            <li>首页</li>
            <li>集团概况</li>
            <li>集团产业</li>
            <li>集团新闻</li>
            <li>合作院校</li>
            <li>联系我们</li>
            <li>招聘信息</li>
          </div>
        </div>
      </div>
      <div class="x5">
        <div class="x6">
          <p>集团新闻</p>
          <h1>更多最新精彩资讯，感受企业魅力</h1>
        </div>
      </div>
      <div class="x7">
        <div class="x8">
          <h2>当前位置：首页 > 新闻中心 ></h2>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  props: {
    msg: String,
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.x {
  width: 1920px;
  height: 428px;
  /* border: 1px solid red; */
}
.x1 {
  width: 1920px;
  height: 56px;
  margin-top: 23px;
  display: flex;
  /* border: 1px solid red; */
}
.x2 {
  width: 1200px;
  height: 54px;
  display: flex;
  margin-left: 360px;
  /* border: 1px solid red; */
}
.x3 {
  margin-top: -6px;
}
.x4 {
  width: 656px;
  height: 22px;
  display: flex;
  margin-left: 363px;
  list-style-type: none;
  margin-top: 16px;
  /* border: 1px solid red; */
}
.x4 li {
  font-size: 16px;
  font-weight: 400;
  color: #444444;
  line-height: 22px;
  padding-left: 34px;
}
.x5 {
  width: 1920px;
  height: 300px;
  background: url(../assets/企业新闻_slices/矿山.png);
  /* border: 1px solid red; */
}
.x6 {
  width: 270px;
  height: 78px;
  /* margin-top: 115px; */
  padding-top: 115px;
  margin-left: 852px;
  /* border: 1px solid red; */
}
.x6 p {
  height: 28px;
  font-size: 36px;
  font-weight: 500;
  color: #ffffff;
  line-height: 50px;
  margin-top: -4px;
}
.x6 h1 {
  width: 270px;
  height: 25px;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
}
.x7 {
  width: 1920px;
  height: 46px;
  /* border: 1px solid red; */
}
.x8 {
  width: 227px;
  height: 17px;
  margin-left: 360px;
  margin-top: 15px;
  border: 1px solid white;
}
.x8 h2 {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 2px;
}
</style>
